 // ===============引入头部的页面====
 $("#header").load("aaheader.html");
 //=========引入尾部页面============
 $("#bottom").load("aabottom.html");
 // ======================获取当前页面传过来的id值=====================================
 function gettypeId() {
     return location.search.split("=")[1];
 }
 // =========================用ajax get请求后端的数据请求到获取上面大图及里面的字的内容还有每个li里面的内容================
 $(function () {
     $.get(
         "getGoodsList.php",
         { "typeId": gettypeId() },
         // console.log(typeId),

         //将回来的数据遍历获取的每一组的数据
         function (data) {
             // console.log(data),
             let htmlr = "";

             data.forEach(element => {
                 let htmls = "";
                 let htmlss = "";
                 htmlr += `
                 <li>
                 <div id="banner-center-PackageDiagram">
                     <img src="${element.goodsImg}"alt="">
                 </div>
                 <div id="banner-center-Package-P">
                     <p>${element.goodsName}</p>
                     <p>${element.goodsDesc}</p>
                     <p> ￥<span>${element.goodsPrice}</span>  <button><a href="../index/aaDetailsPage.html?id=${element.goodsId}">立即购买</a> </button></p>
                 </div>
                 </li>`,
                     htmls += `
                     <img src="${element.beiyong2}" alt="">
                 `;
                 htmlss += `
                 <p>${element.beiyong1}</p>
                 `;

                 $("#banner-top").html(htmls);
                 $("#banner-QuarantineOne ").html(htmlss);


             });
             $("#banner-center ul ").html(htmlr);
         }, "json");
 })